/* Non-essential Styles */
div {
    padding:5px;
    margin-bottom:30px;

    border:2px solid black;
}

p, span {
    margin:10px 20px;
    padding:7px;

    border-left:1px solid gray;
    border-right:2px solid black;
    border-top:1px solid gray;
    border-bottom:2px solid black;

    background-color:gold;
    /* text-align:center; */
}

span {
    margin:0;
    padding:2px;

    background-color:white;
}

/* Essential Styles */
*.ontop_cls { z-index:1; }
*.static_cls { position:static;   }
*.relative_cls {
    position:relative;
}

*.before_relative_section {
    position:relative;
    text-align:center;
}

*.after_relative_section {
    position:relative;
    text-align:center;
}

*.absolute_cls {
    position:absolute;
    left:450px;
    top:0;
    z-index:auto;

    width:130px;
    height:130px;

    background-color:yellow;
}

*.offset {
    top:10px;
    left:20px;
}

